<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
    <title>登录</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css"/>
    <style type="text/css">
    .page__hd {
	    padding: 40px;
	}
    .page__title {
	    text-align: left;
	    font-size: 20px;
	    font-weight: 400;
	}
	h1 {
	    display: block;
	    font-size: 2em;
	    -webkit-margin-before: 0.67em;
	    -webkit-margin-after: 0.67em;
	    -webkit-margin-start: 0px;
	    -webkit-margin-end: 0px;
	    font-weight: bold;
	}
	body {
	    line-height: 1.6;
	    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
	     background-color: #f8f8f8;
	}
	.page__desc {
	    margin-top: 5px;
	    color: #888;
	    text-align: left;
	    font-size: 14px;
	}
    </style>
</head>
<body>
<div class="page input js_show">
    <div class="page__hd">
        <h1 class="page__title">虎池</h1>
        <p class="page__desc">重要的不是什么都拥有，而是你想要的恰好在身边</p>
    </div>
    <div class="page__bd">

        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                	<label class="weui-label">邮箱</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="username" type="text" placeholder="请输入邮箱"/>
                </div>
                <div class="weui-cell__ft">
                    <i class="weui-icon-warn"></i>
                </div>
            </div>
            <div class="weui-cell weui-cell_vcode" style="display: none">
                <div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="imageCode" type="text" placeholder="请输入验证码"/>
                </div>
                <div class="weui-cell__ft">
                    <i class="weui-icon-warn"></i>
                </div>
                <div class="weui-cell__ft">
                    <img class="weui-vcode-img" style="width: 110px;height: 40px" th:src="@{/valicode}"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">密码</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="password" type="password" placeholder="请输入密码"/>
                </div>
                <div class="weui-cell__ft">
                    <i class="weui-icon-warn"></i>
                </div>
            </div>
        </div>
        
        <div class="js_dialog" id="error_dialog" style="opacity: 1;display: none">
            <div class="weui-mask"></div>
            <div class="weui-dialog">
                <div class="weui-dialog__bd"></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
                </div>
            </div>
        </div>

        <div class="weui-btn-area">
            <a class="weui-btn weui-btn_primary" href="javascript:">登录</a>
        </div>
    </div>
</div>
<script th:src="@{/js/jquery-1.11.1.min.js}"></script>
<script th:src="@{/js/mobile/login.js}"></script>
</body>
</html>